<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>从零开始后台管理系统 @@version</title>
    <link rel="icon" href="favicon.ico" type="image/ico">
    <meta name="keywords" content="从零开始后台管理系统 @@version">
    <meta name="description" content="从零开始后台管理系统 @@version">
    <meta name="author" content="yinqi">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/materialdesignicons.min.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">
    <link href="css/master.css?v=@@version" rel="stylesheet" />
    <link href="css/master-dark.css?v=@@version" rel="stylesheet" />
    <script src="js/vue.js"></script>
    <script src="js/axios.min.js"></script>
    <script src="js/tools.js?v=@@version"></script>
    <script>
        var jwHeader =
        {
            headers: {
                "Authorization": 'Bearer ' + localStorage.getItem('@@authorizationLocalStorageName')
            }
        }
        tools.checkAuthorization();
    </script>
</head> 
<body data-theme="default">
    <div class="lyear-layout-web">
        <div class="lyear-layout-container">
            <!--左侧导航-->
            <aside class="lyear-layout-sidebar">
                <!-- logo -->
                <div id="logo" class="sidebar-header">
                    <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
                </div>
                <div class="lyear-layout-sidebar-scroll">

                    <nav class="sidebar-main">
                        <ul class="nav nav-drawer">
                            @@left-menu
                        </ul>
                    </nav>
                </div>
            </aside>
            <!--End 左侧导航-->
            <!--头部信息-->
            <header class="lyear-layout-header">

                <nav class="navbar navbar-default">
                    <div class="topbar">

                        <div class="topbar-left">
                            <div class="lyear-aside-toggler">
                                <span class="lyear-toggler-bar"></span>
                                <span class="lyear-toggler-bar"></span>
                                <span class="lyear-toggler-bar"></span>
                            </div>
                            <span class="navbar-page-title"> @@nav-title </span>
                        </div>

                        <ul class="topbar-right">
                            <li id="liUser" class="dropdown dropdown-profile">
                                <a href="javascript:void(0)" data-toggle="dropdown">
                                    <img class="img-avatar img-avatar-48 m-r-10" :src="userInfo.Avatar" onerror="this.src='images/users/avatar.jpg';" :alt="userInfo.UserName" />
                                    <span> {{userInfo.UserName}} </span>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-right"> 
                                    <li> <a href="/rezero/my_user.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li> 
                                    <li class="divider"></li>
                                    <li> <a onclick="localStorage['@@authorizationLocalStorageName'] = null; window.location.href = '/rezero/login.html';"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
                                </ul>
                            </li>
                            <li class="dropdown dropdown-skin open">
                                <span data-toggle="dropdown" class="icon-palette" aria-expanded="true"><i class="mdi mdi-palette"></i></span>
                                <ul class="dropdown-menu dropdown-menu-right" data-stoppropagation="true">
                                    <li class="drop-title"><p>主题</p></li>
                                    <li class="drop-skin-li clearfix">
                                        <span class="inverse">
                                            <input onclick="localStorage.BgColorType = 0;" type="radio" name="site_theme" value="default" id="site_theme_1" checked="">
                                            <label onclick="localStorage.BgColorType = 0;" for="site_theme_1"></label>
                                        </span>
                                        <span>
                                            <input onclick="localStorage.BgColorType = 1;" type="radio" name="site_theme" value="dark" id="site_theme_2">
                                            <label onclick="localStorage.BgColorType = 1;" for="site_theme_2"></label>
                                        </span>
                                        <!--<span>
                                            <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
                                            <label for="site_theme_3"></label>
                                        </span>-->
                                    </li>
                                </ul>
                            </li>
                        </ul>

                    </div>
                </nav>

            </header>
            <!--End 头部信息-->
            <!--页面主要内容-->
            <main class="lyear-layout-content">
                <div class="container-fluid">

                    @@lyear-layout-content

                </div>
            </main>
            <!--End 页面主要内容-->
        </div>
    </div>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
    <script type="text/javascript" src="js/main.min.js"></script>

    <!--删除提醒-->
    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" id="divDelBox" style="display: none;">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="myLargeModalLabel">警告</h4>
                </div>
                <div class="modal-body">
                    是否删除该记录？
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnDelClose" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" onclick="vueObj.deleteAndConfirm(null)" class="btn btn-primary">确定</button>
                </div>
            </div>
        </div>
    </div>

    <!--alert弹出框-->
    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" id="divAlertRoot" style="display: none;">
        <button id="btnAlert" type="button" style="display:none" class="btn btn-primary" data-toggle="modal" data-target="#divAlertRoot"></button>
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="myLargeModalLabel">提示</h4>
                </div>
                <div id="divAlertBody" class="modal-body">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
    <div id="loadingOverlay">
        <div id="loadingMessage">
            <span class="dot"></span>
            <span class="dot"></span>
            <span class="dot"></span>
        </div>
    </div>
    <script src="js/init.js?v=@@version"></script>
</body>
</html>

